<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>博客列表页</title>
    <link rel="stylesheet" href="CSS/common.css">
    <link rel="stylesheet" href="CSS/blog_list.css">
</head>
<body>
    <div class="nav">
        <!-- 导航栏 -->
        <img src="image/123.png" alt="加载失败">
        <span class="title">我的博客系统</span>
        <span class = "spacer"></span>

        <a href="blog_list.html">主页</a>
        <a href="blog_edit.html">写博客</a>
        <a href="#">注销</a>
    </div>

    <!-- 页面主体 -->
    <div class = "container">
            <div class="container-left">
                <div class="card">
                    <img src="image/456.JPG" alt="">
                    <h3>温习文</h3>
                    <a href="#">github地址</a>
                    <div class="counter">
                        <span>文章</span>
                        <span>分类</span>
                    </div>

                    <div class="counter">
                        <span>2</span>
                        <span>3</span>
                    </div>
                </div>
            </div>

            <div class="container-right">
                <div class="blog">
                    <div class="title">这是一篇博客</div>
                    <div class="date">2022-9-28 12:00:00</div>
                    <div class="desc">从今天起我要好好敲代码 Lorem ipsum dolor sit, amet consectetur adipisicing elit. Maxime, inventore cupiditate pariatur cum laudantium quisquam magni qui tempore quaerat repellendus quo veritatis quia maiores culpa? Soluta tempore doloremque non quo.lor
                        Lorem ipsum dolor sit amet . 
                    </div>

                    <a href="">查看全文 &gt;&gt;</a>
                </div>

                <div class="blog">
                    <div class="title">这是一篇博客</div>
                    <div class="date">2022-9-28 12:00:00</div>
                    <div class="desc">从今天起我要好好敲代码 Lorem ipsum dolor sit, amet consectetur adipisicing elit. Maxime, inventore cupiditate pariatur cum laudantium quisquam magni qui tempore quaerat repellendus quo veritatis quia maiores culpa? Soluta tempore doloremque non quo.lor
                        Lorem ipsum dolor sit amet . 
                    </div>

                    <a href="">查看全文 &gt;&gt;</a>
                </div>

                <div class="blog">
                    <div class="title">这是一篇博客</div>
                    <div class="date">2022-9-28 12:00:00</div>
                    <div class="desc">从今天起我要好好敲代码 Lorem ipsum dolor sit, amet consectetur adipisicing elit. Maxime, inventore cupiditate pariatur cum laudantium quisquam magni qui tempore quaerat repellendus quo veritatis quia maiores culpa? Soluta tempore doloremque non quo.lor
                        Lorem ipsum dolor sit amet . 
                    </div>

                    <a href="">查看全文 &gt;&gt;</a>
                </div>

        
            </div>
    </div>
</body>
</html>